function showDialog() {
    $(document).ready(function() {

	//Get the A tag
	var id = "dialogBox";

	//Get the screen height and width
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();


        $('#dialogBox').show()

	//Set heigth and width to mask to fill up the whole screen
	$('#maskModal').css({'width':maskWidth,'height':maskHeight});

	//transition effect
	$('#maskModal').fadeIn(1000);
	$('#maskModal').fadeTo("slow",0.8);

	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();

	//Set the popup window to center
	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);

	//transition effect
	$(id).fadeIn(2000);

});
}

function closeDialog() {
    $('#maskModal').hide();
    $('#dialogBox').hide();
}
